<script setup lang="ts">
import { LMarker } from "@vue-leaflet/vue-leaflet";
import { useMapStore } from "@/store";

const mapStore = useMapStore();
const { addedPipePointOnLine } = storeToRefs(mapStore);

watchEffect(() => {
  if (addedPipePointOnLine.value) {
    mapStore.setAddedPipePoint(addedPipePointOnLine.value);
  }
});
</script>

<template>
  <LMarker v-if="addedPipePointOnLine" :latLng="addedPipePointOnLine" />
</template>

<style scoped lang="scss"></style>
